export const darkTheme = {
    color: ['#00e5ff', '#ffc53d', '#ff7043', '#1e88e5', '#43a047', '#d32f2f'],
    backgroundColor: 'rgba(0,0,0,0)',
    textStyle: {
        color: '#aed4ff'
    },
    title: {
        textStyle: {
            color: '#fff'
        }
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            label: {
                backgroundColor: '#6a7985'
            }
        },
        backgroundColor: 'rgba(0, 21, 53, 0.9)',
        borderColor: '#005c9e',
        textStyle: {
            color: '#fff'
        }
    },
    legend: {
        textStyle: {
            color: '#aed4ff'
        }
    },
    xAxis: {
        axisLine: {
            lineStyle: {
                color: '#2e4d7b'
            }
        },
        splitLine: {
            lineStyle: {
                color: '#2e4d7b'
            }
        },
        axisLabel: {
            color: '#aed4ff'
        }
    },
    yAxis: {
        axisLine: {
            lineStyle: {
                color: '#2e4d7b'
            }
        },
        splitLine: {
            lineStyle: {
                color: '#2e4d7b'
            }
        },
        axisLabel: {
            color: '#aed4ff'
        }
    }
};

export const lightTheme = {

}; 